<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户管理</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8"/>
    <link rel="shortcut icon" href="/library/favicon.ico" type="image/x-icon"/>
    <link rel="stylesheet" href="/library/css/xadmin.css">
    <link rel="stylesheet" href="/library/css/font.css">
    <script type="text/javascript" src="/library/js/jquery-3.2.1.min.js"></script>
    <script src="/library/lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="/library/js/xadmin.js"></script>
    <script type="text/javascript" src="/library/js/common.js"></script>
    <script type="text/javascript" src="/library/js/user-manage.js"></script>
</head>
<style>
    /*.x-body .layui-row form{*/
    /*    display: inline;*/
    /*    float: left;*/
    /*}*/
    .layui-table-cell {
        height: auto !important;
        white-space: normal;
        align-items: center;
    }
    xblock {
        height: 40px
    }
</style>
<body class="layui-anim layui-anim-up">
    <div class="x-nav">
            <span class="layui-breadcrumb">
            <a href="">首页</a>
            <a href="">用户管理</a>
            <a>
              <cite>查看用户信息</cite></a>
          </span>
        <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" onclick="location.reload()" title="刷新">
            <i class="layui-icon layui-icon-refresh" style="line-height:30px"></i></a>
    </div>


    <div class="layui-fluid">
        <div class="layui-row layui-col-space15">
            <div class="layui-col-md12">
                <div class="layui-card">
                    <div class="layui-card-body ">
                        <form class="layui-form layui-form-text">
                            <div class="layui-form-item">
                                <div class="layui-input-inline">
                                    <input type="text" name="number" id="number" placeholder="根据学号查找" autocomplete="off"
                                    class="layui-input" >
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" name="name" id="name" placeholder="根据名字查找"
                                           autocomplete="off" class="layui-input" onkeyup="searchUser()"> <!--键盘弹起就执行查找-->
                                </div>
                                <div class="layui-input-inline">
                                    <input type="text" name="phone" id="phone" placeholder="根据手机号查找"
                                           autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-input-inline">
                                    <button class="layui-btn" onclick="searchUser()" type="button"><i class="layui-icon">&#xe615;</i>
                                    </button>
                                </div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
        <!-- 用户表-->
        <table class="layui-table" id="user_list" lay-filter="user_list" ></table>
    </div>

    <script type="text/html" id="sex">
        {{#  if(d.sex==0){}}
        <div class="layui-table-cell">未知</div>
        {{#  } else if(d.sex==1) { }}
        <div class="layui-table-cell">男</div>
        {{#  } else { }}
        <div class="layui-table-cell">女</div>
        {{#  } }}
    </script>

    <script type="text/html" id="toOrder">
        {{#  if(d.toOrder){}}
        <div style="color: #1E9FFF;">可预约</div>
        {{#  } else { }}
        <div style="color: #FF5722;">不可预约</div>
        {{#  } }}
    </script>

    <script type="text/html" id="bar">
        <div class="input-inline">
            <button type="button" class="layui-btn" lay-event="lookMore">查看更多</button>
            <button  type="button" class="layui-btn layui-btn-normal" lay-event="modifyPower">修改权限</button>
        </div>
    </script>

</body>
</html>